<html>
<head>
<meta name = "viewport" content = "initial-scale = 1.0, user-scalable = no" />

<link rel="stylesheet" href="style.css" type="text/css"/>
<script type="text/javascript" src="NKit.js"></script>
<script type="text/javascript" src="javascript.js"></script>

        <script type="text/javascript">
        // Give Page a NKNavigationController Title
        var navController = new NKNavigationController();
        navController.setTitle("NKToolBar");
        </script>

</head>

<body>

<script type="text/javascript">
// .js For Page ----------------------------------------------
</script>

<div class="greybutton" onClick="NKMoveToPageAnimated('nktoolbar_example.html', 'flipRight')">View Toolbar Example</div>


<div class="infobox">
<h1>NKToolbar</h1>
<h2>Description</h2>
<p>Class is used as a utility toolbar.</p>
<h2>Usage</h2>
<p><b>init(y)</b><br />
Initializes toolbar with vertical position 'y'<br />
<b>show()</b><br />
shows initialized toolbar<br />
<b>hide()</b><br />
hides initialized toolbar<br />
<b>addButton(title, imageName, callback)</b><br />
creates button on toolbar<br />
<b>Parameters:</b><br />
title - button title to be displayed (ignored if imageName specified) imageName - the filename of bundled image to be displayed on button (discards title) callback - javascript function name to be called when button pressed<br/>
<b>insertButtonAtIndex(index, title, image, callback)</b><br />
creates button on toolbar<br/>
<b>Parameters:</b><br />
index - index, used to specify button position, count starts from 1 title - button title to be displayed (ignored if imageName specified) imageName - the filename of bundled image to be displayed on button (discards title) callback - javascript function name to be called when button pressed
<b>addDoneButton(title, callback)</b><br />
creates blue button on toolbar, which has same style is used for "Done" buttons<br />
<b>addFlexibleSpace()</b><br />
adds flexible space into toolbar, used to align buttons<br />
<b>setStyle(style)</b><br />
sets the style of toolbar, possible values are: 'black', 'blacktranslucent', 'default'<br />
<b>destroy()</b><br />
removes and destroys toolbar and resources allocated for it.<br />
<b>removeButtonAtIndex(index)</b><br />
removed button at specified index (starts at 0)</p>
<h2>Example</h2>
<p>See source code for multiple examples</p>
</div>


</body>
</html>